---
layout: default
image: 123
---
<ul id="slide-out" class="side-nav">
    <li>
        <div class="userView">
            <a href="{{ site.baseurl }}/"><img class="circle" src="http://himg.bdimg.com/sys/portrait/item/54429d2f.jpg"></a>
            <a href="#!"><span class="black-text name">{{ site.title }}</span></a>
            <a href="mailto:{{ site.email }}"><span class="black-text email">{{ site.email }}</span></a>
        </div>
    </li>
    <form>
        <div class="input-field">
            <input id="search" type="search" required >
            <label class="label-icon" for="search"><i class="material-icons">search</i></label>
            <i class="material-icons">close</i>
        </div>
    </form>
    <li>
        <div class="divider"></div>
    </li>
    <li><a class="subheader">页面</a></li>
    {% for my_page in site.pages %}
    {% if my_page.title %}
    <li><a class="waves-effect" data-position="right" data-delay="50" data-tooltip="{{ my_page.title }}" href="{{ my_page.url | prepend: site.baseurl }}">{{ my_page.title }}</a></li>
    {% endif %}
    {% endfor %}
    <li>
        <div class="divider"></div>
    </li>
    <li><a class="subheader">文章</a></li>
    {% for post in site.posts %}
    <li><a class="waves-effect" data-position="right" data-delay="50" data-tooltip="{{ post.title }}" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a></li>
    {% endfor %}
</ul>

<div class="home">
    <br>
    <div class="row">
        {% for post in site.posts %}
        <div class="e">
            <div class="d gt hx">
                <div class="c e">
                    <div class="d he gt gallery-expand fill-screen">
                        <div class="gallery-curve-wrapper">
                            <a id="test" class="gallery-cover gray" style="height: 250px;">
                                <img src="{{ post.image  }}" crossOrigin="anonymous" alt="placeholder">
                            </a>
                            <div class="gallery-header">
                                <span>阅读全文</span>
                            </div>
                            <div class="gallery-body">
                                <div class="title-wrapper">
                                    <h3>{{ post.title }}</h3>
                                    <span class="gj">{{ post.date | date: "%b %-d, %Y" }}</span>
                                </div>
                                <div>{{ post.content }} </div>
                            </div>
                            <div class="gallery-action">
                                <a class="btn-floating btn-large waves-effect waves-light"><i class="material-icons">share</i></a>
                            </div>
                        </div>
                    </div>
                    <div class="d he gt">
                        <h5>{{ post.title }}</h5>
                        <p class="ed">{{ post.date | date: "%b %-d, %Y" }}</p>
                    </div>
                </div>
            </div>
        </div>
        {% endfor %}
    </div>
</div>
<script>
$("div.gallery-curve-wrapper").click(function(){
    setTimeout(function () {
        var a =$("nav:eq(2)").css("background-color");
        $("meta[name='theme-color']").attr('content',a);
        $("button.back-btn").click(function () {
            $("meta[name='theme-color']").attr('content',"#448AFF");
        });
        $("div#placeholder-overlay").click(function () {
            $("meta[name='theme-color']").attr('content',"#448AFF");
        })
    }, 350);
});

</script>
<script src="{{ "/js/gallery-docs.min.js" | prepend: site.baseurl }}"></script>
